/*播放器的界面样式--JackYan--*/
body{margin: 0;padding: 0;}
.wrap{width: 100%;height: 100%;}
/*状态栏部分*/
.statusDiv{padding: 15px; float: right;z-index: 4; display: none;}

/*提示框部分样式*/
.alterDiv{background-color: lightslategrey;width: 80px;}

/*canvas部分公共样式*/
canvas{height: 100%;border:solid 1px blueviolet;}
#backCanvas{z-index: 0;}
#middleCanvas{z-index: 1;}
#frontCanvas{z-index: 2;}

/*居中样式*/
.absolute-center {
  margin: auto;
  position: absolute;
  left: 0; right: 0;  /*水平居中*/
  /*top:0;bottom: 0; 加上则为垂直水平居中*/
}

/*菜单部分公共演示*/
.menu{height: 45px;width: 100%;background-color: rgba(0,0,0,0.5);position: absolute;z-index: 3;}
.menu_bottom{bottom: 0px; }
.menu_bottom span{display: inline-block;}
.playBtn{z-index: 3;width: 70px;height: 70px;border: solid 1px red;
		top: 0;bottom: 0; /*配合absoulte-center垂直居中*/
		}

/*进度条部分*/
.slideAllTime{border: solid 1px black;border-radius: 10px;width: 80%;height: 20px;margin-top: 10px;}
.slideCurrentTime{border-radius: 10px;height: 20px;width: 70%;background-color: red;}


/*媒体查询部分*/
/*当页面大于1000时：pad或pc*/
@media only screen and (min-width:1000px ) {
	.statusDiv{display:block;}
	.menu_top{display: none;}
	.menu_bottom{height: 80px;}
	canvas{
		height:-moz-calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		height: calc(100% - 80px);			
		}
	
}